<div class="payment_top">
    <a href="javascript:history.go(-1)"><img  class="backImg" src="images/leftarrow.png"></a>
    <img ng-click="vm.remainShow()" class="table_add" src="images/remain.png">
    <span class="payment_title"  ui-sref="newsgroup">消息通知</span>
</div>
<div class="newscontent" id="myTab">
    <div class="newsitem">
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="/#newsdetail1" data-toggle="tab">
                未处理
            </a>
        </li>
        <li ng-click="vm.unHandle()">
            <a href="/#newsdetail2" data-toggle="tab">
                已处理
            </a>
        </li>
    </ul>
    </div>
    <div id="myTabContent" class="tab-content">
    <div id="newsdetail1"  class="newsitem2 tab-pane fade in active">
        <div class="newsdetail" ng-repeat="newslist in vm.dest">
            <div class="newsdetail1">
                <img class="newsdetail1_img" src="images/bluenews.png">
            </div>

            <div class="newsdetail2">
                <div class="newsdetail2_text1" data-ng-init="vm.getTableName(newslist)">{{newslist.tablename}}</div>
                 <ul class="newsdetail2_text2" ng-repeat="news in newslist.data">
                     <li>
                        <span ng-if="news.modetype==2" class="span_text span_audio" ng-click="vm.audioPlay(news)">
                            <button style="display: none;"ng-init="vm.duration(news)">
                            </button>
                             <!--<audio style="display: none;" controls="controls" ng-src="{{news.callcontent}}" id="media{{news.createtime}}" ng-init="vm.duration(news)"></audio>-->
                             <span class="audio_bac audio_bac{{news.createtime}}">
                             </span>
                             <span ng-if="news.minute" style="margin-left: 10px">{{news.minute}}</span>
                             <span ng-if="news.second">{{news.second}}'</span>
                         </span>
                         <span ng-if="news.modetype!=2" class="span_text">
                             <span>{{news.callcontent}}</span>
                         </span>
                     </li>
                </ul>
            </div>
            <div class="newsdetail3">
                <div ng-show="vm.timeshow">{{newslist.result}}</div>
                <div ng-show="!vm.timeshow">{{newslist.createtime| date:'yyyy-MM-dd'}}</div>
                <div class="newsgou" ng-click="vm.firmNews(newslist)">
                   <img id="newsgou{{newslist.tableid}}" src="images/newunfinish.png"><span></span>
                </div>
            </div>
        </div>

    </div>
    <div id="newsdetail2"  class="newsitem2 tab-pane fade">
        <div class="newsdetail" ng-repeat="newslist in vm.deslist">
            <div class="newsdetail1">
                <img class="newsdetail1_img" src="images/bluenews.png">
            </div>

            <div class="newsdetail2">
                <div class="newsdetail2_text1" data-ng-init="vm.getTableName(newslist)">{{newslist.tablename}}</div>
                <ul  class="newsdetail2_text2" ng-repeat="news in newslist.data">
                    <li>
                        <span ng-if="news.modetype==2" class="span_text span_audio" ng-click="vm.audioPlay(news)">
                             <button style="display: none;"ng-init="vm.duration(news)">
                             </button>
                             <!--<audio style="display: none;" controls="controls" ng-src="{{news.callcontent}}" id="audio{{news.createtime}}" ng-init="vm.duration(news)"></audio>-->
                             <span class="audio_bac audio_bac{{news.createtime}}">
                             </span>
                             <span ng-if="news.minute" style="margin-left: 10px">{{news.minute}}''</span>
                             <span ng-if="news.second">{{news.second}}'</span>
                         </span>
                         <span ng-if="news.modetype!=2" class="span_text">
                             <span>{{news.callcontent}}</span>
                         </span>
                    </li>
                </ul>
            </div>
            <div class="newsdetail3" data-ng-init="vm.timeago(newslist,newslist.handletime)">
                <div ng-show="vm.timeshow">{{newslist.result}}</div>
                <div ng-show="!vm.timeshow">{{newslist.handletime| date:'yyyy-MM-dd'}}</div>
                <div class="newsgou">
                    <img src="images/newfinish.png"><span></span>
                </div>
            </div>
        </div>

    </div>
    </div>
</div>



<div class="news_remain">
    <div class="remain_backimg"></div>
    <div class="remain_back">
       <div class="remain_content">
           <div class="remain_first"><img src="images/lead.png">两人桌</div>
           <div class="remain_detail">
               <ul class="remain_item" id="remain_item1">
                   <li>2号桌</li>
                   <li>3号桌</li>
                   <li>4号桌</li>
               </ul>
            </div>
       </div>
        <div class="remain_content">
            <div class="remain_first"><img src="images/lead.png">三人桌</div>
            <div class="remain_detail">
                <ul class="remain_item" id="remain_item2">
                    <li>2号桌</li>
                    <li>3号桌</li>
                    <li>4号桌</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<message-Component message-visible="vm.messageVisible" message="vm.message"  surebtn="vm.surebtn()"
                   cancelbtn="vm.cancelbtn()"></message-Component>